<!-- <div class="license-form">
  <form nz-form [formGroup]="licenseForm" role="form">

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6">参考文档地址</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="reference" autocomplete="off" placeholder="组件名称">
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6">licenseId是否可靠</nz-form-label>
      <nz-form-control nzSpan="18">
        <nz-select nzShowSearch nzAllowClear nzPlaceHolder="licenseId是否可靠" formControlName="isDeprecatedLicenseId"
          class="form-select">
          <nz-option nzCustomContent nzLabel="0" nzValue="0">0</nz-option>
          <nz-option nzCustomContent nzLabel="1" nzValue="1">1</nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6">详细地址</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="detailsUrl" autocomplete="off" placeholder="详细地址">
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6">参考文档编号</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="referenceNumber" autocomplete="off"
          placeholder="参考文档编号">
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6" nzRequired>license名称</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="name" autocomplete="off" placeholder="license名称">
        <nz-form-explain *ngIf="!(licenseForm.get('name').valid || licenseForm.get('name').untouched)">
          <span class="text-danger" *ngIf="licenseForm.get('name').hasError('required')">license名称不能为空！</span>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6" nzRequired>licenseId</nz-form-label>
      <nz-form-control nzSpan="18">
        <input type="text" nz-input nzSize="default" formControlName="licenseId" autocomplete="off"
          placeholder="licenseId">
        <nz-form-explain *ngIf="!(licenseForm.get('licenseId').valid || licenseForm.get('licenseId').untouched)">
          <span class="text-danger" *ngIf="licenseForm.get('licenseId').hasError('required')">licenseId不能为空！</span>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label nzFor="" nzSpan="6">OSI是否支持</nz-form-label>
      <nz-form-control nzSpan="18">
        <nz-select nzShowSearch nzAllowClear nzPlaceHolder="isOsiApproved" formControlName="isOsiApproved"
          class="form-select">
          <nz-option nzCustomContent nzLabel="0" nzValue="0">0</nz-option>
          <nz-option nzCustomContent nzLabel="1" nzValue="1">1</nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-control class="modal-footer">
        <button nz-button nzType="primary" class="modal-footer-btn"
          (click)="addLicense()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
        <button nz-button nzType="primary" (click)="destroyModal()" class="modal-footer-btn"
          nzGhost="true">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
      </nz-form-control>
    </nz-form-item>
  </form>
</div> -->

<div class="license-form">
  <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'">
    <nz-tab nzTitle="基本信息">
      <form nz-form [formGroup]="licenseForm" class="form-position-margin">
        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="6" nzRequired>license名称</nz-form-label>
          <nz-form-control nzSpan="18">
            <input type="text" nz-input nzSize="default" formControlName="name" autocomplete="off"
              placeholder="license名称">
            <nz-form-explain *ngIf="!(licenseForm.get('name').valid || licenseForm.get('name').untouched)">
              <span class="text-danger" *ngIf="licenseForm.get('name').hasError('required')">license名称不能为空！</span>
            </nz-form-explain>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="6" nzRequired>licenseId</nz-form-label>
          <nz-form-control nzSpan="18">
            <input type="text" nz-input nzSize="default" formControlName="licenseId" autocomplete="off"
              placeholder="licenseId">
            <nz-form-explain *ngIf="!(licenseForm.get('licenseId').valid || licenseForm.get('licenseId').untouched)">
              <span class="text-danger" *ngIf="licenseForm.get('licenseId').hasError('required')">licenseId不能为空！</span>
            </nz-form-explain>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="6">是否自由软件</nz-form-label>
          <nz-form-control nzSpan="18">
            <nz-select nzAllowClear nzPlaceHolder="isFsfLibre" class="form-select" formControlName="isFsfLibre">
              <nz-option nzLabel="否" nzValue="0">否</nz-option>
              <nz-option nzLabel="是" nzValue="1">是</nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="6">是否开源</nz-form-label>
          <nz-form-control nzSpan="18">
            <nz-select nzAllowClear nzPlaceHolder="isOsiApproved" class="form-select" formControlName="isOsiApproved">
              <nz-option nzLabel="否" nzValue="0">否</nz-option>
              <nz-option nzLabel="是" nzValue="1">是</nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>


        <nz-form-item>
          <nz-form-control class="modal-footer">
            <button nz-button nzType="primary" class="modal-footer-btn"
              (click)="addLicense()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
            <button nz-button nzType="primary" (click)="destroyModal()" class="modal-footer-btn"
              nzGhost="true">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
          </nz-form-control>
        </nz-form-item>

      </form>
    </nz-tab>
    <nz-tab nzTitle="参考信息">
      <form nz-form [formGroup]="licenseForm" class="form-position-margin">
        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">参考文档地址</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" formControlName="reference" autocomplete="off"
              placeholder="组件名称">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">参考明细地址</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" formControlName="detailsUrl" autocomplete="off"
              placeholder="参考明细地址">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">其他参考文档地址</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" autocomplete="off" formControlName="seeAlso"
              placeholder="其他参考文档地址">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-control class="modal-footer">
            <button nz-button nzType="primary" class="modal-footer-btn"
              (click)="addLicense()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
            <button nz-button nzType="primary" (click)="destroyModal()" class="modal-footer-btn"
              nzGhost="true">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
          </nz-form-control>
        </nz-form-item>

      </form>
    </nz-tab>
    <nz-tab nzTitle="许可信息">
      <form nz-form [formGroup]="licenseForm" class="form-position-margin">
        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">许可文本信息</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" autocomplete="off" placeholder="许可文本信息"
              formControlName="licenseText">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">标准的许可头模板</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" autocomplete="off" placeholder="标准的许可头模板"
              formControlName="standardLicenseHeaderTemplate">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">标准的许可模板</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" autocomplete="off" placeholder="标准的许可模板"
              formControlName="standardLicenseTemplate">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">许可描述</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" autocomplete="off" placeholder="许可描述"
              formControlName="licenseComments">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label nzFor="" nzSpan="8">许可的许可头信息</nz-form-label>
          <nz-form-control nzSpan="16">
            <input type="text" nz-input nzSize="default" autocomplete="off" placeholder="许可文本信息"
              formControlName="standardLicenseHeader">
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-control class="modal-footer">
            <button nz-button nzType="primary" class="modal-footer-btn"
              (click)="addLicense()">确&nbsp;&nbsp;&nbsp;&nbsp;定</button>
            <button nz-button nzType="primary" (click)="destroyModal()" class="modal-footer-btn"
              nzGhost="true">取&nbsp;&nbsp;&nbsp;&nbsp;消</button>
          </nz-form-control>
        </nz-form-item>

      </form>
    </nz-tab>
  </nz-tabset>
</div>
